<!--中间内容-->
<div class="container _container">
  <!--创建制造厂-->
  <div class="row">
    <div class="col-lg-6 col-lg-offset-3">
      <h4 class="_form-title">创建材料</h4>
      <form role="form" class="form-horizontal _form" id="form" name="form">
        <div class="form-group">
          <div class="col-xs-12">
            <label for="CompanyName" class="form-tip">材料图片<span>*</span>（至少2张）</label>
            <ul class="form-upload-img">
              <li>
                <div><i class="fa fa-picture-o" aria-hidden="true"></i>上传图片
                    <input  type="file" name="" ng2FileSelect [uploader]="uploader" (change)="selectedFileOnChanged($event)" id="upfile"  multiple="multiple" />
                </div>
              </li>
              <li><img src="assets/img/resource/3.jpg" /></li>
              <li><img src="assets/img/resource/3.jpg" /></li>
              <li><img src="assets/img/resource/4.jpg" /></li>
            </ul>
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-12">
            <label  class="form-tip">工艺制作场景<span>*</span>（图片或视频，每个视频长度控制在15秒左右）</label>
            <ul class="form-upload-video">
              <li>
                <div><i class="fa fa-picture-o" aria-hidden="true"></i>上传图片<input id="fileupload" ng2FileSelect [uploader]="uploader" (change)="selectedFileOnChanged($event)" type="file" name="" multiple="multiple" /></div>
                <div (click)="lgModal.show()"><i class="fa fa-file-video-o" aria-hidden="true"></i>上传视频</div>
              </li>
              <li><img src="assets/img/resource/3.jpg" /></li>
              <li><img src="assets/img/resource/3.jpg" /></li>
              <li><img src="assets/img/resource/4.jpg" /></li>
            </ul>
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-6 col-xs-12">
            <label for="CompanyName" class="form-tip">材料名称<span>*</span></label>
            <input type="text" class="form-control" id="CompanyName" name="CompanyName" placeholder="材料名称">
          </div>
          <div class="col-sm-6 col-xs-12 has-feedback">
            <label  class="form-tip">编号<span>*</span>（制造厂缩写／材料首字母缩写＋序号）</label>
            <input type="text" class="form-control" id="Email" name="Email" placeholder="例：BL/E13">
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-6 col-xs-12">
            <label for="WebUrl" class="form-tip">工艺或工序名称<span>*</span></label>
            <input type="text" class="form-control" id="WebUrl" name="WebUrl" placeholder="官网链接">
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-12">
            <label  class="form-tip">工艺描述<span>*</span></label>
            <textarea class="form-control" rows="2" placeholder="例：设计师 Jovana Zhang 在搪瓷板上通过涂抹、刮擦等对釉料的各种手法尝试，展现搪瓷试片不同肌理和色彩效果。"></textarea>
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-12">
            <label  class="form-tip">工序功能<span>*</span></label>
            <textarea class="form-control" rows="1" placeholder="例：人为制作涂搪特殊肌理"></textarea>
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-6 col-xs-12">
            <label for="WebUrl" class="form-tip">原始材料来源（原材料产地及描述）</label>
            <input type="text" class="form-control"  name="WebUrl" placeholder="官网链接">
          </div>
          <div class="col-sm-6 col-xs-12">
            <label for="Email" class="form-tip">材料成分</label>
            <input type="text" class="form-control"  name="Email" placeholder="联系邮箱">
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-12">
            <label for="WebUrl" class="form-tip">材料特性<span>*</span></label>
            <textarea class="form-control" rows="2" placeholder="例：搪瓷釉料一般不宜反复放入烤炉加热超过5次，每经过一次高温加热，颜色色泽相应发黄，多次加热很有可能破坏釉料密着度，导致瓷釉脱"></textarea>
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-6 col-xs-12">
            <label for="WebUrl" class="form-tip">尺寸限制<span>*</span></label>
            <input type="text" class="form-control"  name="WebUrl" placeholder="例：随机性大，效果较难控制。">
          </div>
          <div class="col-sm-6 col-xs-12">
            <label for="Email" class="form-tip">颜色限制<span>*</span></label>
            <input type="text" class="form-control"  name="Email" placeholder="例：可调色，无限制。">
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-12">
            <label  class="form-tip">适用范围</label>
            <textarea class="form-control" rows="1" placeholder="例：生产面向大众市场的日用品搪瓷。可以承接设计师小批量订单并提供试验场地。"></textarea>
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-12">
            <label  class="form-tip">后期保养</label>
            <textarea class="form-control" rows="2" placeholder="例：搪瓷制品用完需及时洗净，避免在酸性环境下析出铅微粒等金属元素；尽量避免碰撞刮擦产生掉瓷、划痕。"></textarea>
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-12">
            <label class="form-tip">成型工艺（请在方框中点选）</label>
            <div class="_res-cxgy">
              <label *ngFor="let rest of restue"><input type="checkbox" #specail [value]="rest.id"  name="cbCxgy" />{{rest.name}}</label>
              <!--<label><input type="checkbox"  name="cbCxgy" />加剂制造</label>-->
              <!--<label><input type="checkbox"  name="cbCxgy" />加剂制造</label>-->
              <!--<label><input type="checkbox"  name="cbCxgy" />吹塑</label>-->
              <!--<label><input type="checkbox"  name="cbCxgy" />铸模</label>-->
              <!--<label><input type="checkbox"  name="cbCxgy" />热成型</label>-->
              <!--<label><input type="checkbox"  name="cbCxgy" />铸造</label>-->
              <!--<label><input type="checkbox"  name="cbCxgy" />层压</label>-->
              <!--<label><input type="checkbox"  name="cbCxgy" />压模</label>-->
              <!--<label><input type="checkbox"  name="cbCxgy" />冷压和</label>-->
              <!--<label><input type="checkbox"  name="cbCxgy" />金工工具</label>-->
              <!--<label><input type="checkbox"  name="cbCxgy" />焊接</label>-->
              <!--<label><input type="checkbox"  name="cbCxgy" />深沉压</label>-->
              <!--<label><input type="checkbox"  name="cbCxgy" />印刷</label>-->
              <!--<label><input type="checkbox"  name="cbCxgy" />木工工具</label>-->
              <!--<label><input type="checkbox"  name="cbCxgy" />冲切</label>-->
              <!--<label><input type="checkbox"  name="cbCxgy" />滚塑模具</label>-->
            </div>
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-12">
            <label  class="form-tip">功能特性（请在方框中点选）</label>
            <ul class="_res-gntx">
              <li *ngFor="let rest1 of restue1" style="float: left;width: 200px">
                <label ><input type="checkbox"  name="cbGntx" #specail value="{{rest1.id}}" />{{rest1.name}}</label>
                <!--<label><input type="checkbox"  name="cbGntx" value="中" />中</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="低" />低</label>-->
              </li>
              <!--<li>耐磨性：-->
                <!--<label><input type="checkbox"  name="cbGntx" value="高" />高</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="中" />中</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="低" />低</label>-->
              <!--</li>-->
              <!--<li>防水性：-->
                <!--<label><input type="checkbox"  name="cbGntx" value="高" />高</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="中" />中</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="低" />低</label>-->
              <!--</li>-->
              <!--<li>导热性：-->
                <!--<label><input type="checkbox"  name="cbGntx" value="高" />高</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="中" />中</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="低" />低</label>-->
              <!--</li>-->
              <!--<li>防刮擦：-->
                <!--<label><input type="checkbox"  name="cbGntx" value="高" />高</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="中" />中</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="低" />低</label>-->
              <!--</li>-->
              <!--<li>防撕裂：-->
                <!--<label><input type="checkbox"  name="cbGntx" value="高" />高</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="中" />中</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="低" />低</label>-->
              <!--</li>-->
              <!--<li>防污渍：-->
                <!--<label><input type="checkbox"  name="cbGntx" value="高" />高</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="中" />中</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="低" />低</label>-->
              <!--</li>-->
              <!--<li>防冲击：-->
                <!--<label><input type="checkbox"  name="cbGntx" value="高" />高</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="中" />中</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="低" />低</label>-->
              <!--</li>-->
              <!--<li>使用温度：-->
                <!--<label><input type="checkbox"  name="cbGntx" value="高" />高</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="中" />中</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="低" />低</label>-->
              <!--</li>-->
              <!--<li>固色性能：-->
                <!--<label><input type="checkbox"  name="cbGntx" value="高" />高</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="中" />中</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="低" />低</label>-->
              <!--</li>-->
              <!--<li>传声效果：-->
                <!--<label><input type="checkbox"  name="cbGntx" value="吸音" />吸音</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="散音" />散音</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="反射音" />反射音</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="透音" />透音</label>-->
              <!--</li>-->
              <!--<li>防紫外线：-->
                <!--<label><input type="checkbox"  name="cbGntx" value="高" />高</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="中" />中</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="低" />低</label>-->
              <!--</li>-->
              <!--<li>户外用：-->
                <!--<label><input type="checkbox"  name="cbGntx" value="是" />是</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="否" />否</label>-->
              <!--</li>-->
              <!--<li>反射率：-->
                <!--<label><input type="checkbox"  name="cbGntx" value="高效" />高效</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="吸光" />吸光</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="低" />低效</label>-->
              <!--</li>-->
              <!--<li>防腐蚀性：-->
                <!--<label><input type="checkbox"  name="cbGntx" value="高" />高</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="中" />中</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="低" />低</label>-->
              <!--</li>-->
            </ul>
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-12">
            <label  class="form-tip">物理特性（请在方框中点选）</label>
            <ul class="_res-gntx">
              <li *ngFor="let rest2 of restue2" style="float: left;width: 200px">
                <label><input type="checkbox" name="cbGntx" #specail value="rest2.id" />{{rest2.name}}</label>
                <!--<label><input type="checkbox"  name="cbGntx" value="半刚硬" />半刚硬</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="易弯曲" />易弯曲</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="富弹性" />富弹性</label>-->
              </li>
              <!--<li>表面硬度：-->
                <!--<label><input type="checkbox" name="cbGntx" value="高" />高</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="中" />中</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="低" />低</label>-->
              <!--</li>-->
              <!--<li>结构：-->
                <!--<label><input type="checkbox"  name="cbGntx" value="开发" />开发</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="闭合" />闭合</label>-->
              <!--</li>-->
              <!--<li>表面纹理：-->
                <!--<label><input type="checkbox" name="cbGntx" value="高" />高</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="中" />中</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="低" />低</label>-->
              <!--</li>-->
              <!--<li>透明度：-->
                <!--<label><input type="checkbox"  name="cbGntx" value="高" />高</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="中" />中</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="低" />低</label>-->
              <!--</li>-->
              <!--<li>防撕裂：-->
                <!--<label><input type="checkbox"  name="cbGntx" value="高" />高</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="中" />中</label>-->
                <!--<label><input type="checkbox"  name="cbGntx" value="低" />低</label>-->
              <!--</li>-->
            </ul>
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-12">
            <label  class="form-tip">可持续性（请在方框中点选）</label>
            <div class="_res-cxgy">
              <label *ngFor="let rest3 of restue3"><input type="checkbox" #specail name="cbGntx" value="rest3.id" />{{rest3.name}}</label>
              <!--<label><input type="checkbox"  name="cbGntx" value="" />可堆肥</label>-->
              <!--<label><input type="checkbox"  name="cbGntx" value="" />低碳足迹</label>-->
              <!--<label><input type="checkbox"  name="cbGntx" value="" />轻量级</label>-->
              <!--<label><input type="checkbox"  name="cbGntx" value="" />可再生</label>-->
              <!--<label><input type="checkbox"  name="cbGntx" value="" />易回收</label>-->
              <!--<label><input type="checkbox"  name="cbGntx" value="" />多材料</label>-->
              <!--<label><input type="checkbox"  name="cbGntx" value="" />单一材料</label>-->
              <!--<label><input type="checkbox"  name="cbGntx" value="" />生物高分子</label>-->
              <!--<label><input type="checkbox"  name="cbGntx" value="" />翻新</label>-->
              <!--<label><input type="checkbox"  name="cbGntx" value="" />弱毒性</label>-->
              <!--<label><input type="checkbox"  name="cbGntx" value="" />废料</label>-->
            </div>
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-12">
            <label for="Key" class="form-tip">添加关键词标签 （方便用户更快索引到你）</label>
            <!--<textarea name="" rows="1" class="form-control" id="Key" name="Key"></textarea>-->
            <input type="text" class="form-control" id="Key" name="Key" />
            <div class="_tag-div" id="choice">
              <dl class="_tag-item">
                <dd>表面材料</dd><dt>×</dt></dl>
              <dl class="_tag-item">
                <dd>表面材料</dd><dt>×</dt></dl>
            </div>
          </div>
        </div>
        <div class="input-tip">标记<span>*</span>的输入框为必填项，表格填写越完整，被搜索到的可能性越高，请尽可能多地丰富描述。<br> 请确保表格内容语句描述通顺，发布时将把“工艺或工序名称”、“工艺描述”、“工序功能”、“原始材料来源”、“材料成分”、“材料特性”、“尺寸限制”、“颜色限制”、“适用范围”、“后期保养”合并为一段话表达。
          <br> 材料添加完成后可在本页面上传，也可在上传页面上端选择批量上传，并等待From余杭融设计图书馆的审核通知，审核将在7个工作日内发送反馈。
          <br> 审核结果与修改详情将发送到用户的注册邮箱，审核状态也会以“等待审核”、“审核通过”、“审核未通过”的小标签形式，标记在缩略图右上角实时公布在个人信息的上传页面。
          <br> 当标签显示“审核通过”，即表示您提交的制造厂和材料都已经自动发布在了首页，并归档在手工艺材料数据库中。材料文件一旦通过官方审核，您将无法自行删除该材料。
          <br> 当标签显示“审核未通过”，即表示您的表格尚有填写不准确的地方，请根据反馈邮件的修改建议进行调整，再重新提交等待审核。
        </div>
        <div class="form-group form-btn">
          <div class="col-xs-6">
            <button type="button" class="btn btn-cancel btn-samll">删除</button>
            <button type="reset" class="btn btn-cancel btn-samll">取消</button>
          </div>
          <div class="col-xs-6 text-right">
            <button type="button" class="btn btn-submit btn-samll" (click)="getbox();selectedFileOnChanged($event)">保存</button>&nbsp;&nbsp;
            <button type="button" class="btn btn-submit btn-samll" id="upJQuery" >上传</button>
          </div>
        </div>
      </form>
    </div>
  </div>

</div>

<!-- 上传视频Modal -->
<div class="modal fade _modal-form" bsModal #lgModal="bs-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">上传视频</h4>
        <p class="modal-tip">请在输入框里输入视频网页地址或视频文件地址</p>
      </div>
      <div class="modal-body">
        <form class="form-horizontal _form" role="form" id="form">
          <div class="form-group">
            <p class="form-error"></p>
            <input type="text" class="form-control" id="Name" name="Name" placeholder="视频地址" />
          </div>
          <div class="form-group form-btn">
            <button type="submit" class="btn btn-submit" (click)="lgModal.hide()">保存</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

